$(function () {
  // 判断localStorage是否有password属性
  if (localStorage.getItem('password')) {
    // 显示选择列表区域并隐藏登录区域
    $(".choices").addClass('active')
    $(".launch").addClass('active')
    $(".login").removeClass('active')
    $(".username span").text(localStorage.getItem('password'))
  } else {
    // 显示登录区域并隐藏显示选择列表区域
    $(".choices").removeClass('active')
    $(".launch").removeClass('active')
    $(".login").addClass('active')
  }

  // 监听选择列表项的点击
  $(".choice_item li>div").click(function () {
    $(this).toggleClass('active')
  })
  $(".choice_item li>div a").click(function (e) {
    e.preventDefault()
  })

  // 监听底部菜单区域点击
  $(".toggle>div").click(function () {
    let index = $(this).index()
    // console.log(index);
    if (index === 0) {
      $(".launch").addClass('active')
    } else {
      $(".launch").removeClass('active')
    }
    $(".gold_spade>div").eq(index).addClass('active').siblings().removeClass('active')
    $(".toggle>div").toggleClass('active')
    // console.log(123456);
  })

  // 监听登录按钮点击
  $(".login .btn").click(function (e) {
    let password = $(".password").val()
    if (password.length <= 0) {
      $(".choices").removeClass('active')
      $(".launch").removeClass('active')
      $(".tip").addClass('active')
      $(".tip").text('卡密错误')
      setTimeout(function () {
        $(".tip").removeClass('active')
      }, 2000)
    } else {
      $(".loading").css({display: 'flex'})
      $(".loading .text").text('请稍候...')
      setTimeout(function () {
        $(".loading").hide()
        $(".choices").addClass('active')
        $(".launch").addClass('active')
        $(".login").removeClass('active')
        localStorage.setItem('password', password)
        $(".username span").text(localStorage.getItem('password'))
      }, 3000)
    }
  })

  // 监听基础配置点击
  $(".toggle_list>li").eq(0).click(function () {
    let top = $(".choice_item").eq(0).offset().top
    $('html,body').animate({
      scrollTop: top
    }, 500);
  })

  // 监听时空裂缝点击
  $(".toggle_list>li").eq(1).click(function () {
    let top = $(".choice_item").eq(5).offset().top
    $('html,body').animate({
      scrollTop: top
    }, 500);
  })

  // 控制帮助区域的显示隐藏
  $(".helper .buttons>div").click(function () {
    $(".helper").removeClass('active')
  })
  $(".toggle_list>li").eq(3).click(function() {
    $(".helper").addClass('active')
  })

  // 监听启动按钮点击
  let flag = false
  let arr = []
  $(".launch").click(function () {
    if(flag === false) {
      console.log($(".choice_item li>div.active").length)
      if($(".choice_item li>div.active").length > 0) {
        arr.push($(".choice_item li>div.active"))
      }
      if(arr.length > 0) {
        $(".launch .icon").addClass('active')
        $(".launch .text").text('运行中')
        $(".loading").css({display: 'flex'})
        $(".loading .text").text('正在启动...')
        setTimeout(function () {
          $(".loading").hide()
          $(".tip").show()
          $(".tip").text('启动成功，等待10秒后启动游戏即可')
          flag = true
        },3100)
        setTimeout(function () {
          $(".tip").hide()
        }, 5000)
      } else {
        $(".tip").show()
        $(".tip").text('请选择要启动的技能')
        setTimeout(function () {
          $(".tip").hide()
        }, 2000)
      }
    } else {
      $(".loading").css({display: 'flex'})
      $(".loading .text").text('正在停止...')

      flag = false
      arr = []
      setTimeout(function () {
        $(".loading").hide()
        $(".launch .icon").removeClass('active')
        $(".launch .text").text('启动')
      }, 3000)
    }
  })

  // 监听退出登录点击
  $(".logout_btn").click(function () {
    $(".logout").addClass('active')
    $(".logout .buttons div").eq(0).click(function () {
      $(".logout").removeClass('active')
      localStorage.removeItem('password')
      $(".toggle>div").eq(0).addClass('active')
      $(".toggle>div").eq(1).removeClass('active')
      $(".choices").removeClass('active')
      $(".launch").removeClass('active')
      $(".login").addClass('active')
      $(".home").addClass('active')
      $(".mine").removeClass('active')
      $(".toggle>div").eq(0).addClass('active')
      $(".toggle>div").eq(1).removeClass('active')
    })
  })
  $(".logout .buttons div").eq(1).click(function () {
    $(".logout").removeClass('active')
  })
})
